<template>
  <div>
    <SectionBlock title="产品与服务" :top="0">
      <div class="grid" style="grid-template-columns:repeat(auto-fit,minmax(240px,1fr))">
        <div class="card">
          <h3>经营贷款</h3>
          <p>面向个体工商户与小微企业，授信灵活，支持循环使用，期限最长 3-5 年。</p>
        </div>
        <div class="card">
          <h3>信用贷款</h3>
          <p>纯信用/无抵押，额度依据征信与现金流评估，放款快速，手续简便。</p>
        </div>
        <div class="card">
          <h3>抵押贷款</h3>
          <p>房产/车辆/设备抵押，利率更低、额度更高，匹配多家持牌机构。</p>
        </div>
        <div class="card">
          <h3>广告投放与私域运营</h3>
          <p>新媒体矩阵引流，搭配效果广告，构建从线索到签约的全链路增长方案。</p>
        </div>
      </div>
    </SectionBlock>

    <SectionBlock title="服务流程">
      <ol style="margin:0;padding-left:18px;color:var(--muted)">
        <li>免费咨询与资质评估</li>
        <li>制定专属融资方案与材料清单</li>
        <li>提交审批与进度跟踪</li>
        <li>放款与售后支持</li>
      </ol>
      <div style="margin-top:14px"><router-link to="/contact" class="button">获取专属方案</router-link></div>
    </SectionBlock>
  </div>
</template>

<script setup lang="ts">
import SectionBlock from '@/components/SectionBlock.vue';
</script>

<style scoped>
h3{margin:0 0 8px}
</style> 